    <style include="settings-shared">
      :host {
        padding-inline-end: 4px;
      }

      .settings-row {
        flex: 1
      }

      /* Tooltip is hidden since site-list will display a common tooltip. */
      cr-policy-pref-indicator::part(tooltip) {
        display: none;
      }
    </style>
    <div class="list-item" focus-row-container>
      <div class="settings-row"
          actionable$="[[allowNavigateToSiteDetail_]]" on-click="onOriginTap_">
        <site-favicon url="[[model.origin]]"></site-favicon>
        <div class="middle no-min-width">
          <div class="text-elide">
            <span class="url-directionality">
              [[computeDisplayName_(model)]]</span>
          </div>

          <!-- This div must not contain extra whitespace. -->
          <div class="secondary"
              id="siteDescription">[[computeSiteDescription_(model)]]</div>
        </div>
        <template is="dom-if" if="[[allowNavigateToSiteDetail_]]">
          <cr-icon-button class="subpage-arrow"
              aria-label$="[[computeDisplayName_(model)]]"
              aria-describedby="siteDescription"
              aria-roledescription="$i18n{subpageArrowRoleDescription}"
              focus-type="site-details" focus-row-control></cr-icon-button>
          <div class="separator"></div>
        </template>
      </div>
      <template is="dom-if" if="[[showPolicyPrefIndicator_]]">
        <cr-policy-pref-indicator pref="[[model]]"
            icon-aria-label="[[label]]" on-mouseenter="onShowTooltip_"
            on-focus="onShowTooltip_" focus-row-control focus-type="policy">
        </cr-policy-pref-indicator>
      </template>
      <template is="dom-if" if="[[model.incognito]]">
        <cr-tooltip-icon id="incognitoTooltip"
            icon-aria-label="$i18n{incognitoSiteExceptionDesc}"
            icon-class="settings20:incognito"
            focus-row-control focus-type="incognito"
            on-mouseenter="onShowIncognitoTooltip_"
            on-focus="onShowIncognitoTooltip_"></cr-tooltip-icon>
      </template>
      <cr-icon-button id="resetSite" class="icon-delete-gray"
          hidden="[[shouldHideResetButton_(model, readOnlyList)]]"
          on-click="onResetButtonTap_"
          aria-label="$i18n{siteSettingsActionReset}" focus-row-control
          focus-type="reset"></cr-icon-button>
      <cr-icon-button id="actionMenuButton" class="icon-more-vert"
          hidden="[[shouldHideActionMenu_(model, readOnlyList)]]"
          on-click="onShowActionMenuTap_" title="$i18n{moreActions}"
          focus-row-control focus-type="menu"></cr-icon-button>
    </div>
